<template>
    <div>
        <van-nav-bar title="我的订单" left-text="返回"  class="leader"  left-arrow @click-left="handleBack">
            <template #right >
               <van-icon name="ellipsis" size='26px' color='#333' class="pullTab" @click.stop="ShowHidden = !ShowHidden" />
               <Pulltab 
                v-if="ShowHidden" 
                @click.stop=""
               />
            </template>
        </van-nav-bar>
        <router-view></router-view>
    </div>
</template>

<script>
import Pulltab from '../components/Pulltab.vue'
    export default {
        components: {
            Pulltab,
        },
        data() {
            return {
                checked:true,
                ShowHidden: false,
                src:"https://www.160dyf.com/",
            }
        },
        methods: {
             HiddenClick () {
                this.ShowHidden = false
            },
            onClick( name,title) {
                Toast(title);
            },
            handleBack(){
                this.$router.push('/personal')
            },
        },
        created () {
            console.log(this.list);
            console.log(this.Allprice);
        },
        mounted () {
            let num=(Number(this.$route.query.idx));
            if(num==0){
                this.$router.push('/myorder')
            }
            if(num==1){
                this.$router.push('/myorder/tab2')
            }
            if(num==2){
                this.$router.push('/myorder/tab3')
            }
            if(num==3){
                this.$router.push('/myorder/tab4')
            }
            if(num==4){
                this.$router.push('/myorder/tab5')
            }
        },
        computed: {
            list() {
                return this.$store.state.detail.list 
            },
            Allprice(){
                return this.$store.state.detail.Allprice
            },
        },
    }
</script>

<style lang="less" scoped>
::v-deep .van-nav-bar__left i{
    color:#00D2C3;
    font-size: 20px;
}
::v-deep .van-nav-bar__left span,::v-deep .van-nav-bar__title{
    color: #00D2C3;
    font-size: 16px;
}
.showimg{
    width: 200px;
    height: 200px;
    margin:10px auto;
}
p{
    text-align: center;
    font-size: 14px;
    color: #999;
}
.ico{
    margin: 10px 10px 5px 15px;
}
.storename{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}
.btn{
    margin-left: 30px;
    padding: 0 20px;
    height: 30px;
   margin-bottom: 10px;
}
.surebtn{
    margin-top: 20px;
    margin-left: 60%;
}
ul{
    display: flex;
    >.firstli{
        width: 25%;
    }
    >.secondli{
        width: 45%;
    }
    >.thirdli{
        flex: 1;
        margin-left: 20px;
        color: #FF9F4F;
        font-size: 16px;
    }
}

li>img{
    margin-left: 15px;
    width: 70px;
    height: 70px;
}
h4{
    color: #333;
    margin-left: 70px;
}
h5{
    margin-left:100px;
}
.remove{
    margin-right: 10px;
}
.moreinfo{
    background: #999;
    font-size: 12px;
    color: #fffeef;
    padding:  0 5px;
    margin-left: -10px;
}
</style>